<template>
  <div id="app" style="width: 60%;height:850px;margin:0 auto;padding: 20px;">

    <el-menu class="el-menu-vertical-demo" style="width: 20%;float: left;">
      <el-menu-item index="1" @click="$router.push('/userLoginMain/personCenter/pCMyWork')">
        <span slot="title">我的工作</span>
      </el-menu-item>
      <el-menu-item index="2" @click="$router.push('/userLoginMain/infoMain')">
        <span slot="title">主页管理</span>
      </el-menu-item>
      <el-menu-item index="3" @click="credit()">
        <span slot="title">技术信用</span>
      </el-menu-item>
      <el-menu-item index="4">
        <span slot="title">协作群组</span>
      </el-menu-item>
      <el-menu-item index="5">
        <span slot="title">资金账户</span>
      </el-menu-item>
      <el-menu-item index="6" @click="$router.push('/userLoginMain/personCenter/pCInfo')">
        <span slot="title">信息设置</span>
      </el-menu-item>
      <el-menu-item index="7">
        <span slot="title">API交易平台(荐)</span>
      </el-menu-item>
      <el-menu-item index="8">
        <span slot="title">代码托管GitInn</span>
      </el-menu-item>
      <el-menu-item index="9">
        <span slot="title">其他</span>
      </el-menu-item>
    </el-menu>

    <el-card class="box-card" style="width: 78%;float: right;">
      <router-view></router-view>
    </el-card>

  </div>
</template>

<script>
export default {
  name: "personCenter",
  data() {
    return {};
  },
  methods: {
    credit() {
      this.$router.push({
        path: "/technologyCredit",
        query: {userId: this.$store.state.userId}
      })
    },
  }
}
</script>

<style scoped>

</style>